<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>葫芦侠</title>

    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/platePage.css">
</head>

<body>

    <!-- 头部 -->
    <header>

        <!-- - 左边 -->
        <div class='left'>
            <a href="" class="back">
                <i></i>
            </a>
            <a href="" class="toggle">
                <span>按回复时间</span> <em></em>
            </a>
        </div>

        <!-- - 右边 -->
        <div class='right'>
            <a class="search" href=""></a>
            <a class="massage" href=""></a>
        </div>

    </header>

    <div class="wrap">

        <main>


            <div class="icon-info">

                <!-- - 图片 -->
                <div class='img'><img src='./imgs/community-me-3.png' alt=''></div>

                <div class="info">

                    <h1>实用软件</h1>

                    <p>热度 <span>26.8亿</span>话题 <span>197万</span></p>

                    <div class="icons">

                        <!-- - 图片 -->
                        <div class="left">
                            <div class='icon'><img src='./imgs/five.jpg' alt=''></div>
                            <div class='icon'><img src='./imgs/five.jpg' alt=''></div>
                            <div class='icon'><img src='./imgs/five.jpg' alt=''></div>
                            <div class='icon'><img src='./imgs/five.jpg' alt=''></div>
                            <div class='icon'><img src='./imgs/five.jpg' alt=''></div>
                        </div>

                        <div class="more"></div>

                    </div>

                </div>

            </div>

            <div class="talent">

                <a href=""><i></i> 达人堂</a>

                <a href=""><i></i> 签到</a>

            </div>

            <div class="announce">
                <a class="text-ellipsis-1" href=""><em class="red"><span>公告</span></em> 【公告】 内容整改</a>
                <a class="text-ellipsis-1" href=""><em class="red"><span>公告</span></em> 【公告】 绿色社区，整改须知</a>
                <a class="text-ellipsis-1" href=""><em class="red"><span>公告</span></em> 【公告】 社区新增“实名认证”：发帖、评论、礼物</a>
                <a class="text-ellipsis-1" href=""><em class="red"><span>公告</span></em> 【活动】 来了来了！葫芦可以兑换Steam正版游戏</a>
                <a class="text-ellipsis-1" href=""><em class="red"><span>公告</span></em> 【官方招聘】来葫芦侠总部一起工作</a>
                <a class="text-ellipsis-1" href=""><em class="yellow"><span>置顶</span></em> 【技术周刊】第四十八期「喜迎国庆之双节同</a>
                <a class="text-ellipsis-1" href=""><em class="yellow"><span>置顶</span></em> 【技术分享民间团队】你有一封来自团队的邀</a>
                <a class="text-ellipsis-1" href=""><em class="yellow"><span>置顶</span></em> 【申精/反馈/举报/投诉建议】处理通道</a>
                <a class="text-ellipsis-1" href=""><em class="yellow"><span>置顶</span></em> 置顶版块规则与发帖规则必看</a>
            </div>


            <div class="post-mag-box">

                <div class="head">
                    <p class="con"><span>全部</span></p>
                    <p><span>热门</span></p>
                    <p><span>TSD/原创</span></p>
                    <p><span>网页搭建</span></p>
                    <p><span>IAPP专区</span></p>
                    <p><span>编程技术</span></p>
                    <p><span>其他技术</span></p>
                    <p><span>悬赏问答</span></p>
                </div>

                <div class="body">
                    <div class="post-item">

                        <!-- - 图片 -->
                        <div class='icon'><img src='./imgs/five.jpg' alt=''></div>

                        <div class="text">

                            <div class="title">【修改思路】 造梦西游</div>

                            <div class="content">
                                <span class="text-ellipsis-3">
                                    ……话不多说
                                    先给上自用修改器和框架链接
                                    https://www.lanzous.com/b940325/
                                    密码***** 只提供思路，不给脚本
                                    为了外挂安全
                                    网规律千万条
                                    护挂是第一条
                                </span>
                            </div>

                            <div class="info">

                                <!-- - 左边 -->
                                <div class='left'>

                                    <div class="name"><small>吖#骠戈</small></div>

                                    <div class="time"><small>19年09月11日</small></div>

                                </div>

                                <!-- - 右边 -->
                                <div class='right'>

                                    <div class="seek"><i></i><small>12354</small></div>

                                    <div class="msg"><i></i><small>123</small></div>

                                </div>

                            </div>

                        </div>

                    </div>
                    <div class="post-item">

                        <!-- - 图片 -->
                        <div class='icon'><img src='./imgs/five.jpg' alt=''></div>

                        <div class="text">

                            <div class="title">【修改思路】 造梦西游</div>

                            <div class="content">
                                <span class="text-ellipsis-3">
                                    ……话不多说
                                    先给上自用修改器和框架链接
                                    https://www.lanzous.com/b940325/
                                    密码***** 只提供思路，不给脚本
                                    为了外挂安全
                                    网规律千万条
                                    护挂是第一条
                                </span>
                            </div>

                            <div class="info">

                                <!-- - 左边 -->
                                <div class='left'>

                                    <div class="name"><small>吖#骠戈</small></div>

                                    <div class="time"><small>19年09月11日</small></div>

                                </div>

                                <!-- - 右边 -->
                                <div class='right'>

                                    <div class="seek"><i></i><small>12354</small></div>

                                    <div class="msg"><i></i><small>123</small></div>

                                </div>

                            </div>

                        </div>

                    </div>
                </div>

            </div>

        </main>

    </div>

    <aside>
        <a href=""><img src="./imgs/edit.png" alt=""></a>
    </aside>

</body>

</html>